 <template>
    <div class="solutionDetails">
        <!-- 头部 -->
        <InsideHeader :bannerType="bannerType"></InsideHeader>
       
        <!-- 面包屑 -->
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <a href="#">课题解决方案</a>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionDetailsKzs'}" class="on">可追溯性强化</nuxt-link>
                    <div class="clear"></div>
                </div>
                <!-- <div class="crumbR">
                    <nuxt-link :to="{name: 'solution-solutionDetails'}">e-F@ctory </nuxt-link>
                    <nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link>
                    <a href="#">产品解决方案</a>
                    <nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link>
                    <a href="#">课题解决方案</a>
                    <nuxt-link :to="{name: 'solution-solutionLead'}">导入事例</nuxt-link>
                    <div class="clear"></div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>

        <div class="block">
            <div class="content">
                <div class="title">
                    <span>可追溯性强化</span>
                </div>
                <div class="solutionDetailsKzs">
                        <div id="melfa_main_area" class="needs_traceability">
                                <h1>课题解决方案</h1>
                                <section>
                                <p class="lead_txt">製造業の最適化のために、トレーサビリティ強化・予防保全・生産性向上、品質向上、省エネなど、お客様の目的に合わせたFAソリューション採用例をご紹介します。</p>
                                <ul class="needs_nav">
                                <li class="current"><a href="/fa/sols/needs/traceability.html">可塑性强化</a></li>
                                <li><a href="/fa/sols/needs/energy_saving.html">省エネ</a></li>
                                <li><a href="/fa/sols/needs/maintenance.html">予防保全</a></li>
                                <li><a href="/fa/sols/needs/productivity.html">生産性向上</a></li>
                                <li><a href="/fa/sols/needs/quality.html">品質向上</a></li>
                                </ul>
                                <section class="section">
                                <h2 class="section_ttl">トレーサビリティ強化</h2>
                                <div class="list_ex">
                                <ol>
                                <li class="">
                                <a href="#ex1">
                                <div class="order"><span class="inner">1</span></div>
                                <p class="ttl">工程順序管理ができるトレーサビリティシステムを簡単構築！</p>
                                </a>
                                </li>
                                <li>
                                <a href="#ex2">
                                <div class="order"><span class="inner">2</span></div>
                                <p class="ttl">iQSSの導入により、より安心なトレーサビリティシステムを構築！</p>
                                </a>
                                </li>
                                <li>
                                <a href="#ex3">
                                <div class="order"><span class="inner">3</span></div>
                                <p class="ttl">MESインタフェースとトレーサビリティシステムで、生産状況を一元管理！</p>
                                </a>
                                </li>
                                <li class="active">
                                <a href="#ex4">
                                <div class="order"><span class="inner">4</span></div>
                                <p class="ttl">プログラムレスで信頼性の高いトレーサビリティシステムを構築！</p>
                                </a>
                                </li>
                                </ol>
                                </div>
                                <div class="section_ex_wrap">
                                <article class="section_ex hide" id="ex1">
                                <h3 class="ex_ttl"><span class="order">1</span> <span class="inner">工程順序管理ができるトレーサビリティシステムを簡単構築！</span></h3>
                                <div class="problem_solution">
                                <dl class="problem">
                                <dt>課題</dt>
                                <dd>加工順序を飛ばして加工されることにより、製品品質の悪化やワークのムダが発生。</dd>
                                </dl>
                                <dl class="solution">
                                <dt>ソリューション</dt>
                                <dd>加工前のワークに刻印し、各工程前と工程間でQRコードを確認することにより、正しく工程プロセスを経ているかを確認。</dd>
                                </dl>
                                </div>
                                <div class="em_area">
                                <div class="em_area_container">
                                <section class="adoption_example">
                                <h4 class="ax_ttl">FAソリューション採用例</h4>
                                <figure>
                                <figcaption>工程順序を管理することで、
                                <br>作業工程時間とワークのムダを削減！</figcaption>
                                <img src="img/treaceability/img_01.jpg" alt="">
                                </figure>
                                </section>
                                <p class="point">トレーサビリティ機能の導入で加工順序のミスを防止！
                                <br>ワークのムダもなくなり、個体品質管理もできてお客様へ安心して出荷できる！
                                </p>
                                </div>
                                </div>
                                <!-- </article> -->
                                <aside class="related_links">
                                <h2 class="related_links_header">関連製品リンク</h2>
                                <div class="list_links">
                                <ul>
                                <li><a href="/fa/products/cnt/plcr/pmerit/concept/index.html">MELSEC iQ-Rシリーズ </a></li>
                                <li><a href="/fa/products/hmi/got/pmerit/got2000/index.html">GOT2000シリーズ</a></li>
                                <li><a href="/fa/sols/sol/dlogger/lineup/mes.html">MESインタフェースユニット</a></li>
                                <li><a href="/fa/products/cnt/plcnet/pmerit/cclink_ie/concept/index.html">オープンネットワークCC-Link IE</a></li>
                                <li><a href="/fa/products/cnt/plcr/pmerit/cpu/c_cont.html">C言語コントローラ</a></li>
                                <li><a href="/fa/products/rbt/robot/index.html">産業用ロボットMELFA</a></li>
                                </ul>
                                </div>
                                </aside>
                                </article>
                                <!-- /.section_ex -->
                                <article class="section_ex" id="ex2">
                                <h3 class="ex_ttl"><span class="order">2</span> <span class="inner">iQSSの導入により、より安心なトレーサビリティシステムを構築！</span></h3>
                                <div class="problem_solution">
                                <dl class="problem">
                                <dt>課題</dt>
                                <dd>トレーサビリティシステムを構築したいが、機器メーカがバラバラで各ツール管理などの面で手間がかかる。</dd>
                                </dl>
                                <dl class="solution">
                                <dt>ソリューション</dt>
                                <dd>ワンツールで設定からメンテナンスまで可能なiQSSを導入。センサデータの取り込みや表示、パソコンへの収集データの取り込みなどのフローをサポート可能に。</dd>
                                </dl>
                                </div>
                                <div class="em_area">
                                <div class="em_area_container">
                                <section class="adoption_example">
                                <h4 class="ax_ttl">FAソリューション採用例</h4>
                                <figure>
                                <figcaption>iQSSと高速データロガーを活用したロギングで、
                                <br>簡単にトレーサビリティシステムを構築！</figcaption>
                                <img src="img/treaceability/img_02.jpg" alt="">
                                </figure>
                                </section>
                                <p class="point">高速データロガーのロギングで簡単にトレーサビリティシステムを構築！    
                                <br>iQSSで多様な機器間接続方式にも対応！
                                </p>
                                </div>
                                </div>
                                <!-- </article> -->
                                <aside class="related_links">
                                <h2 class="related_links_header">関連製品リンク</h2>
                                <div class="list_links">
                                <ul>
                                <li><a href="/fa/products/cnt/plcr/pmerit/concept/index.html">MELSEC iQ-Rシリーズ </a></li>
                                <li><a href="/fa/products/hmi/got/pmerit/got2000/index.html">GOT2000シリーズ</a></li>
                                <li><a href="/fa/sols/sol/dlogger/lineup/logger.html">高速データロガー</a></li>
                                <li><a href="/fa/sols/sol/sensor/iqss/index.html">iQSS</a></li>
                                </ul>
                                </div>
                                </aside>
                                </article>
                                <!-- /.section_ex -->
                                <article class="section_ex" id="ex3">
                                <h3 class="ex_ttl"><span class="order">3</span> <span class="inner">MESインタフェースとトレーサビリティシステムで、生産状況を一元管理！</span></h3>
                                <div class="problem_solution">
                                <dl class="problem">
                                <dt>課題</dt>
                                <dd>新工場の稼働監視を通してトレーサビリティを図りたいが、現在生産データをパソコンに手入力しており、装置内のデータが抽出できない。</dd>
                                </dl>
                                <dl class="solution">
                                <dt>ソリューション</dt>
                                <dd>MESインタフェースとトレーサビリティシステムを構築し、生産状況の詳細データを収集、一元管理。</dd>
                                </dl>
                                </div>
                                <div class="em_area">
                                <div class="em_area_container">
                                <section class="adoption_example">
                                <h4 class="ax_ttl">FAソリューション採用例</h4>
                                <figure>
                                <figcaption>MESインタフェースとトレーサビリティシステムで、
                                <br>品質管理を大幅に向上！</figcaption>
                                <img src="img/treaceability/img_03.jpg" alt="">
                                </figure>
                                </section>
                                <p class="point">シリアル管理・日ごとの台数の一元管理を実現！<br>
                                各工程の作業データとシリアルの紐付けで品質管理向上！    
                                </p>
                                </div>
                                </div>
                                <!-- </article> -->
                                <aside class="related_links">
                                <h2 class="related_links_header">関連製品リンク</h2>
                                <div class="list_links">
                                <ul>
                                <li><a href="/fa/products/cnt/plcr/pmerit/concept/index.html">MELSEC iQ-Rシリーズ</a></li>
                                <li><a href="/fa/sols/sol/dlogger/lineup/mes.html">MESインタフェースユニット</a></li>
                                <li><a href="/fa/products/cnt/plcnet/pmerit/cclink_ie/concept/index.html">オープンネットワークCC-Link IE</a></li>
                                <li><a href="/fa/sols/sol/sensor/iqss/index.html">iQSS</a></li>
                                </ul>
                                </div>
                                </aside>
                                </article>
                                <!-- /.section_ex -->
                                <article class="section_ex show" id="ex4">
                                <h3 class="ex_ttl"><span class="order">4</span> <span class="inner">プログラムレスで信頼性の高いトレーサビリティシステムを構築！</span></h3>
                                <div class="problem_solution">
                                <dl class="problem">
                                <dt>課題</dt>
                                <dd>トレーサビリティシステムを構築したいが、費用と扱いにくさがネック。また、自分たちでシステム構築・管理をしたい。</dd>
                                </dl>
                                <dl class="solution">
                                <dt>ソリューション</dt>
                                <dd>DBサーバと製造ライン間に必須なパソコンをシーケンサで代用しコストを抑制、MESインタフェース採用でプログラム生成の手間をカット、設定ツールによって様々な変更を簡単に実現、バーコードリーダとの接続はGOTによってプログラムレスで安価にデータをやり取りできるように構築。</dd>
                                </dl>
                                </div>
                                <div class="em_area">
                                <div class="em_area_container">
                                <section class="adoption_example">
                                <h4 class="ax_ttl">FAソリューション採用例</h4>
                                <figure>
                                <figcaption>シーケンサとGOTによるシステム構築により、
                                <br>操作性・信頼性の高いトレーサビリティをプログラムレスで！</figcaption>
                                <img src="img/treaceability/img_04.jpg" alt="">
                                </figure>
                                </section>
                                <p class="point">パソコンをシーケンサで代用することでコスト削減。<br>
                                プログラムレス、設定のみの簡単構築！<br>
                                GOT2000の豊富なインタフェースで簡単にバーコードリーダと接続可能！    
                                </p>
                                </div>
                                </div>
                                <!-- </article> -->
                                <aside class="related_links">
                                <h2 class="related_links_header">関連製品リンク</h2>
                                <div class="list_links">
                                <ul>
                                <li><a href="/fa/products/cnt/plcr/pmerit/concept/index.html">MELSEC-iQ-Rシリーズ</a></li>
                                <li><a href="/fa/products/cnt/plcr/pmerit/it_connect/mes.html">MESインタフェースユニット</a></li>
                                <li><a href="/fa/products/hmi/got/pmerit/got2000/index.html">GOT2000シリーズ</a></li>
                                <li><a href="/fa/products/cnt/plcnet/pmerit/cclink_ie/concept/index.html">オープンネットワークCC-Link IE</a></li>
                                </ul>
                                </div>
                                </aside>
                                </article>
                                <!-- /.section_ex -->
                                </div>



                                <div class="related_docs">
                                <div class="button_wrap">
                                <a href="pdf\traceability.pdf" class="button" target="_blank"><img src="img/down_arr.png" alt="" class="img_lft"><span>このページを<br class="sp_only">ダウンロード (PDF)</span> <img src="img/icon_pdf.gif" alt="" class="iconBlank img_right"></a>
                                </div>
                                </div>
                                </section>
                                </section>
                                <!-- ================ ■■/本文エリア終了■■ ================ -->
                                <!-- Main Contents Text Area END -->
                                <!-- Main Contents Escape Area START -->
                                <div class="line">
                                <div id="incl_navi_relationalBlock_02" class="sols_contactArea">
                                    <ul>
                                        <li><a href="http://dl.mitsubishielectric.co.jp/dl/fa/document/catalog/sol/efactory/l16009/l16009j.pdf" target="_blank">
                                            <p class="icon"><img src="/fa/sols/common/image/icon_catalog_x2.png" alt=""></p>
                                            <p class="link_txt"><img src="/fa/shared/img/local_nav/bg_local02.gif" alt="" class="arw">カタログダウンロード</p>
                                        </a></li>
                                        <li><a href="/fa/announce/mailnews/index.html">
                                            <p class="icon"><img src="/fa/sols/common/image/icon_mailnews_x2.png" alt=""></p>
                                            <p class="link_txt"><img src="/fa/shared/img/local_nav/bg_local02.gif" alt="" class="arw">FAメールニュース</p>
                                        </a></li>
                                        <li><a href="/fa/support/index.html">
                                            <p class="icon"><img src="/fa/sols/common/image/icon_contact_x2.png" alt=""></p>
                                            <p class="link_txt"><img src="/fa/shared/img/local_nav/bg_local02.gif" alt="" class="arw">お問い合わせ</p>
                                        </a></li>
                                    </ul>
                                <!-- /#incl_navi_relationalBlock_02 --></div>
                                <!--/line-->
                                </div>
                                <!-- Main Contents Escape Area END -->
                                <!--/melfa_main_area-->
                                </div>
                    <div class="cms_solu">
                        <div class="contentinfo">
                            以下介绍为了实现制造业的最优化，强化可追溯性、预防维护、提高生产效率、提高质量、节能等，与客户用途相适应的FA解决方案的采用示例。可追溯性强化  节能  预防维护  提高生产效率  提高产品品质 强化可追溯性
                        </div>
                        <img src="../../static/images/solutionDetailsKzs1.png">
                    </div>
                    <div class="cms_solu">
                        <div class="contentinfo">
                            1 轻松构建可进行工程顺序管理的可追溯系统！2 通过引进iQSS，构建更安心的可追溯系统！3 利用MES接口与可追溯系统，实现生产状况的统一管理！4 无需编程即可构建可靠性高的可追溯系统！
                        </div>
                        <img src="../../static/images/solutionDetailsKzs2.png">
                    </div>
                    <div class="cms_solu">
                        <div class="contentinfo">
                            1 轻松构建可进行工程顺序管理的可追溯系统！课题 因跳工序加工导致产品质量恶化或工件浪费。 解决方案 在加工前标记工件，通过确认各道工序前和工序中的二维码，确认工程流程是否正确进行。 FA解决方案的采用示例 通过管理工程顺序，削减作业时间与工件的浪费！
                        </div>
                        <img src="../../static/images/solutionDetailsKzs3.png">
                    </div>
                    <div class="cms_solu">
                        <div class="contentinfo">
                            通过引进可追溯功能，防止加工顺序的错误！工件不再报废，还能进行个别品质管理，可以安心地向客户供货！
                        </div>
                        <img src="../../static/images/solutionDetailsKzs4.png">
                    </div>
                    <div class="cms_solu">
                        <div class="contentinfo">
                            2通过引进iQSS，构建更安心的可追溯系统！课题虽然想要构建可追溯系统，却因设备厂家分散管理各工具等方面的问题而费工夫。解决方案引进使用单一工具即可以完成从设定到维修全过程的iQSS。可读取或显示传感器数据、读取电脑收集的数据。FA解决方案的采用示例灵活运用iQSS与高速数据记录装置的记录功能，轻松构建可追溯系统！
                        </div>
                        <img src="../../static/images/solutionDetailsKzs5.png">
                    </div>
                    <div class="cms_solu">
                        <div class="contentinfo">
                            运用高速数据记录装置，轻松构建可追溯系统！凭借iQSS不同的设备之间的连接方式也能应付自如！
                        </div>
                        <img src="../../static/images/solutionDetailsKzs2.png">
                    </div>
                    <div class="cms_solu">
                        <div class="contentinfo">
                            利用MES接口与可追溯系统，实现生产状况的统一管理！课题希望通过新工厂的运行监视实现可追溯性，已将现有生产数据人工输入电脑，但无法导出装置内的数据。解决方案构建MES接口与可追溯系统，收集生产状况的详细数据，实现统一管理。FA解决方案的采用示例利用MES接口与可追溯系统，大幅提高品质管理！
                        </div>
                        <img src="../../static/images/solutionDetailsKzs6.png">
                    </div>
                    <div class="cms_solu">
                        <div class="contentinfo">
                            实现序号管理与每日生产台数的统一管理！通过各工程的作业数据与序号绑定提升品质管理！无需编程即可构建可靠性高的追溯系统！想要构建可追溯系统，但费用和操作复杂是难题。此外，希望自己构建与管理系统。解决方案用顺序控制器代替DB服务器与生产线之间必要的电脑，以抑制成本，通过使用MES接口，免去生成程序的麻烦，利用设定工具轻松实现各种变更，利用GOT与条形码识别器连接，无需编程即可用低廉的价格构建能进行数据交换的系统。
                        </div>
                        <img src="../../static/images/solutionDetailsKzs7.png">
                    </div>
                    <div class="cms_solu">
                        <div class="contentinfo">
                            FA解决方案的采用示例通过顺序控制器与GOT构建系统，无需编程即可实现操作性高与可靠性高的可追溯性！
                        </div>
                        <img src="../../static/images/solutionDetailsKzs8.png">
                    </div>
                    <div class="cms_solu">
                        <div class="contentinfoW">
                            用顺序控制器替代电脑，实现成本降低。无需编程、只需设定，就可以轻松构建！利用GOT2000丰富的接口，可以轻松连接条形码识别器！
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "solutionDetailsKzs",
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        data(){
            return{
                bannerType:'solution',
                serveQuestionsW:''
            }
        }
    }
</script>

<style scoped>
#melfa_contents_2col_a #melfa_main_area {
    width: 100%;
}
#melfa_contents_2col_a #melfa_main_area h1 {
    font-size: 1em;
    margin-bottom: 18px;
}
#melfa_contents_2col_a #melfa_main_area .lead_txt {
    font-weight: 700;
    margin-bottom: 25px;
}
#melfa_contents_2col_a #melfa_main_area p {
    font-size: .88em;
    margin-top: 0;
}
#melfa_contents_2col_a #melfa_main_area .needs_nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 0 40px;
    padding: 0;
    font-size: .81em;
}
#melfa_contents_2col_a #melfa_main_area .needs_nav:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e60f00;
}
#melfa_contents_2col_a #melfa_main_area .needs_nav>li.current {
    padding-bottom: 0;
}
#melfa_contents_2col_a #melfa_main_area .needs_nav>li {
    position: relative;
    padding-bottom: 6px;
    -ms-flex-preferred-size: 19.49%;
    flex-basis: 19.49%;
}
#melfa_contents_2col_a #melfa_main_area .needs_nav>li.current>a {
    padding: 10px 5px 14px;
    border: 2px solid #e60f00;
    border-bottom: none;
    background-color: #fff;
    color: #e20000;
}
#melfa_contents_2col_a #melfa_main_area .needs_nav>li>a {
    display: block;
    background-color: #ebebeb;
    padding: 10px 5px;
    color: #7e7e7e;
    font-weight: 700;
    text-align: center;
}
#melfa_contents_2col_a #melfa_main_area .needs_nav>li {
    position: relative;
    padding-bottom: 6px;
    -ms-flex-preferred-size: 19.49%;
    flex-basis: 19.49%;
}
#melfa_contents_2col_a #melfa_main_area .section_ttl {
    margin: 0;
    padding: 12px 20px;
    background: #516176 none;
    color: #fff;
    font-size: 1.13em;
    font-weight: 700;
}
#melfa_contents_2col_a #melfa_main_area .list_ex {
    margin-bottom: 60px;
    padding: 30px;
    background-color: #f7f7f7;
    border: 1px solid #d0d0d0;
}
#melfa_contents_2col_a #melfa_main_area .list_ex>ol {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
#melfa_main_area ol {
    list-style: decimal;
}
#melfa_contents_2col_a #melfa_main_area .list_ex>ol li.active>a {
    background-color: #fff2f2;
    color: #e60000;
}
#melfa_contents_2col_a #melfa_main_area .list_ex>ol li>a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 40px 4px 4px;
    background-color: #fff;
    border: 1px solid #ededed;
    text-decoration: none;
    -webkit-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}
#melfa_contents_2col_a #melfa_main_area .list_ex>ol .order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 35px;
    margin-right: 19px;
    color: #fff;
    text-align: center;
    background-color: #e60000;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#melfa_contents_2col_a #melfa_main_area .list_ex>ol .ttl {
    padding: 5px 0;
    font-size: .88em;
    font-weight: 700;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
#melfa_contents_2col_a #melfa_main_area .list_ex>ol li>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 13px;
    height: 7px;
    background: url(../../static/icons/arr_down.png) no-repeat;
}
#melfa_contents_2col_a #melfa_main_area .section_ex_wrap {
    position: relative;
}
#melfa_contents_2col_a #melfa_main_area .section_ex.show {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    position: relative;
    z-index: 10;
}
#melfa_contents_2col_a #melfa_main_area .section_ex {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#melfa_contents_2col_a #melfa_main_area .ex_ttl {
    position: relative;
    margin: 0 0 30px;
    padding: 0 0 18px 55px;
    background: 0 0;
    border-bottom: 2px solid #d9d9d9;
    font-size: 1.5em;
    font-weight: 700;
}
#melfa_contents_2col_a #melfa_main_area .ex_ttl .order {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: 8px 5px;
    min-width: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #e60000 none;
    color: #fff;
    font-size: .75em;
    text-align: center;
    line-height: 1;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution .problem {
    background: #f4f4f4;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution dl {
    position: relative;
    -ms-flex-preferred-size: 48.72%;
    flex-basis: 48.72%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.5em 0 0;
    margin: 0;
    font-size: 1em;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution .problem dt {
    background-color: #cfcfcf;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 15px;
    font-size: 1.13em;
    font-weight: 700;
    text-align: center;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution .problem dd {
    background: url(../../static/icons/icon_problem.png) no-repeat 30px 46%!important;
    -webkit-background-size: 65px auto!important;
    background-size: 65px auto!important;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution dd {
    padding: 35px 40px 35px 120px;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution .solution {
    position: relative;
    background: #fdf2f2;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution dl {
    position: relative;
    -ms-flex-preferred-size: 48.72%;
    flex-basis: 48.72%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.5em 0 0;
    margin: 0;
    font-size: 1em;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution .solution:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    display: block;
    width: 66px;
    height: 46px;
    background: url(../../static/icons/arr.png) no-repeat;
    -webkit-background-size: 66px auto;
    background-size: 66px auto;
    -webkit-transform: rotate(-90deg) translateY(-50%);
    -ms-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
    z-index: 1;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution .solution dt {
    background-color: #f0d4d4;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 15px;
    font-size: 1.13em;
    font-weight: 700;
    text-align: center;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution .solution dd {
    background: url(../../static/icons/icon_solution.png) no-repeat 30px 46%!important;
    -webkit-background-size: 65px auto!important;
    background-size: 65px auto!important;
}
#melfa_contents_2col_a #melfa_main_area .problem_solution dd {
    padding: 35px 40px 35px 120px;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
}
#melfa_contents_2col_a #melfa_main_area .em_area {
    margin-top: 30px;
    padding: 20px;
    background-color: #fdf2f2;
}
#melfa_contents_2col_a #melfa_main_area .em_area .em_area_container {
    padding: 29px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}
#melfa_contents_2col_a #melfa_main_area .adoption_example {
    padding: 0 30px 30px;
    background-color: #fafafa;
    border: 1px solid #e10000;
}
#melfa_contents_2col_a #melfa_main_area .adoption_example .ax_ttl {
    margin: 0 -30px 40px;
    padding: 20px;
    background-color: #e10000;
    color: #fff;
    font-size: 1.13em;
    font-weight: 700;
    text-align: center;
}
#melfa_contents_2col_a #melfa_main_area .adoption_example figcaption {
    margin-bottom: 20px;
    font-size: .88em;
    font-weight: 700;
    text-align: center;
}
#melfa_contents_2col_a #melfa_main_area .adoption_example figure img {
    border: 1px solid #dadada;
}
#melfa_contents_2col_a #melfa_main_area img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
#melfa_contents_2col_a #melfa_main_area .point {
    margin-top: 20px;
    padding: 30px;
    background-color: #fdf2f2;
    color: #e10000;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
}
</style>
